<template>
    <div>
        <Navbar v-show="show"></Navbar>
        <component :is="which"></component>
    </div>
</template>
<script>
import { provide, ref } from 'vue';
import Detail from './Detail.vue';
import List from './List.vue';
import Navbar from './Navbar.vue';

export default {
    components: {
        Detail,
        List,
        Navbar
    },
    setup() {
        const which = ref("List")
        const show = ref(true)

        provide("which", which)
        provide("show", show)

        return {
            which,
            show
        }
    },
}
</script>